<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人项目练习</title>
		<link rel="stylesheet" type="text/css" href="juejin_top.css" />
	</head>
	<body>
		<!-- 首页开头部分开始 -->
		<div class="header_div">
			<img src="juejin_logo.svg" class="logo">
			<a href="#" class="shouye_a">首页</a>
			<a href="#">沸点</a>
			<a href="juejin_course.html">课程</a>
			<a href="#">资讯</a>
			<a href="#">活动</a>
			<a href="#">开放社区</a>
			<a href="#">下载APP</a>
			<a href="#">浏览器插件</a>
			<!-- 页头搜索框部分 -->
			<div class="search_div">
				<input type="text" placeholder="探索稀土掘金" class="search_input" maxlength="32" />
				<!-- 	<input type="text" class="search_galss"/> -->
			</div>
			<!-- 页头创作者中心部分 -->
			<div>
				<button type="button" class="user_btn">创作者中心</button>
			</div>
			<button type="button" class="login_btn">登录</button>

		</div>
		<div class="header_div1"></div>
		<!-- 首页开头部分结束 -->

		<!-- body部分开始 -->

		<div class="body_div">
			<!-- 	论坛正文部分 -->
			<div class="BBS_div">
				<a class="BBS_div_a1" href="#">推荐</a>
				<a class="BBS_div_a2" href="#">最新</a>
				<a class="BBS_div_a3" href="#">热榜</a>
			</div>
			<div class="BBS_div_a4"></div>
			<div class="BBS_1">
				<div class="BBS_1_top">
					<span>Java技术栈</span>
					<span>3月前</span>
					<span>程序员</span>
				</div>
				<h3>雷军做程序员时写的博客，太牛了。。</h3>
				<p>现在很多人都在抱怨：JavaScript的状态是多么混乱，随着生态系统不断扩大，一个问题有不同的解决方案，而且似乎没有一个是社区标准....</p>
				<div class="BBS_1_bottom">
					<span>
						<img src="liulan.png">9.5W
					</span>
					<span>
						<img src="点赞.png">418
					</span>
					<span>
						<img src="pinglun.png">88
					</span>
				</div>
			</div>

			<div class="BBS_2">
				<div class="BBS_2_top">
					<span>zhangwinwin</span>
					<span>1月前</span>
					<span>HTTP</span>
				</div>
				<h3>为什么少有人使用RESTful API</h3>
				<p>现在很多人都在抱怨：JavaScript的状态是多么混乱，随着生态系统不断扩大，一个问题有不同的解决方案，而且似乎没有一个是社区标准....</p>
				<div class="BBS_2_bottom">
					<span>
						<img src="liulan.png">3.1W
					</span>
					<span>
						<img src="点赞.png">152
					</span>
					<span>
						<img src="pinglun.png">59
					</span>
				</div>
			</div>

			<div class="BBS_1">
				<div class="BBS_1_top">
					<span>Java技术栈</span>
					<span>3月前</span>
					<span>程序员</span>
				</div>
				<h3>雷军做程序员时写的博客，太牛了。。</h3>
				<p>现在很多人都在抱怨：JavaScript的状态是多么混乱，随着生态系统不断扩大，一个问题有不同的解决方案，而且似乎没有一个是社区标准....</p>
				<div class="BBS_1_bottom">
					<span>
						<img src="liulan.png">9.5W
					</span>
					<span>
						<img src="点赞.png">418
					</span>
					<span>
						<img src="pinglun.png">88
					</span>
				</div>
			</div>

			<div class="BBS_1">
				<div class="BBS_1_top">
					<span>Java技术栈</span>
					<span>3月前</span>
					<span>程序员</span>
				</div>
				<h3>雷军做程序员时写的博客，太牛了。。</h3>
				<p>现在很多人都在抱怨：JavaScript的状态是多么混乱，随着生态系统不断扩大，一个问题有不同的解决方案，而且似乎没有一个是社区标准....</p>
				<div class="BBS_1_bottom">
					<span>
						<img src="liulan.png">9.5W
					</span>
					<span>
						<img src="点赞.png">418
					</span>
					<span>
						<img src="pinglun.png">88
					</span>
				</div>
			</div>

			<div class="BBS_1">
				<div class="BBS_1_top">
					<span>Java技术栈</span>
					<span>3月前</span>
					<span>程序员</span>
				</div>
				<h3>雷军做程序员时写的博客，太牛了。。</h3>
				<p>现在很多人都在抱怨：JavaScript的状态是多么混乱，随着生态系统不断扩大，一个问题有不同的解决方案，而且似乎没有一个是社区标准....</p>
				<div class="BBS_1_bottom">
					<span>
						<img src="liulan.png">9.5W
					</span>
					<span>
						<img src="点赞.png">418
					</span>
					<span>
						<img src="pinglun.png">88
					</span>
				</div>
			</div>

			<div class="BBS_2"></div>
			<div class="BBS_3"></div>
			
			<div class="guanggao">
				<!-- 右侧广告部分 -->
				<div class="body_ad">
					<h3>广告</h3>
				</div>
				<div class="erweima">
					<h3>二维码</h3>
				</div>
				<div class="bangdan">
					<h3>榜单</h3>
				</div>
				<!-- 右侧广告部分结束 -->
			</div>

		</div>
		<!-- body部分结束 -->
	</body>
</html>
